.upload-image-block {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 40px auto 20px;
  border: 2px dashed rgba(127, 150, 255, 0.5);
}

.upload-image-block:hover,
.upload-image-block.active {
  cursor: pointer;
  border: 2px dashed rgba(127, 150, 255, 1);
  box-shadow: 2px 2px 10px rgba(0,0,0, 0.4);
}

.upload-label {
  width: 100%;
  margin-top: 30px;
  font-size: 25px;
  color: rgba(127, 150, 255, 0.5);
  display: block;
  text-align: center;
  cursor: pointer;
}

.upload-image-block:hover .upload-label,
.upload-image-block.active .upload-label {
  color: rgba(127, 150, 255, 1);
}

@media screen and (max-width: 440px) {
  .upload-image-block {
    margin: 40px 20px 20px;
  }
}

.file-upload-input {
  display: none;
}

.preview-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.preview-image[src=''] {
  visibility: hidden;
}
